<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:icecore="http://www.icefaces.org/icefaces/core"
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component">
    
    <h:head>
        <title>SIVE - Registro de Horario</title>
        <ice:outputStyle href="./xmlhttp/css/rime/rime.css" />
        <ice:outputStyle href="css/style.css" />
        <ice:outputStyle href="css/bootstrap.css" rel="stylesheet" />
        <style type="text/css">
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet" ></link>
        
    <h:outputScript library="js" name="jquery.js" />
    <h:outputScript library="js" name="bootstrap.min.js" />
    <h:outputScript library="js" name="jquery.placeholder.min.js" />
        
    </h:head>
    <h:body>  
        
        <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
            <a class="brand" href="http://localhost:8080/sive_v3/index.html">SIVE - Sistema de Informaci&oacute;n Vehicular</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Marchamo <b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="http://localhost:8080/sive_v3/faces/crearMarchamo.xhtml">Crear marchamo</a></li>
                  <li><a href="http://localhost:8080/sive_v3/faces/modificarMarchamo.xhtml">Modificar marchamo</a></li>
                  <li><a href="#">Reactivar marchamo</a></li>
                </ul>
              </li>
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Estacionamiento <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionEvento.xhtml">Reservaci&oacute;n de evento</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/reservacionVisita.xhtml">Reservaci&oacute;n de visita</a></li>
                  <li><a href="http://localhost:8080/sive_v3/faces/registroDeIncidentes.xhtml">Registro de incidentes</a></li>
                  <li><a href="http://localhost:8080/sive_v3/faces/registroDeMedidaC.xhtml">Registro multas e infracciones</a></li>
                </ul>
              </li>
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Consultas <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://localhost:8080/sive_v3/faces/consultaMultiple.xhtml">Consultas m&uacute;ltiples</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/consultaEspecifica.xhtml">Consultas espec&iacute;ficas</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/consultaIngresoVehiculo.xhtml">Consulta de Ingreso de Vehículos</a></li>
                </ul>
              </li>
              <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Historial <b class="caret"></b></a>
                <ul class="dropdown-menu">
                    <li><a href="http://localhost:8080/sive_v3/faces/estadisticasVehiculares.xhtml">Estad&iacute;sticas y reportes</a></li>
                    <li><a href="http://localhost:8080/sive_v3/faces/revisionVehiculo.xhtml">Revisi&oacute;n de veh&iacute;culo</a></li>
                </ul>
              </li>
                   <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ayuda<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                  
                                </ul>
                            </li>
            </ul>
              <p class="navbar-text pull-right">
              Identificado como: <a href="#" class="navbar-link">admin</a>
            </p>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />

        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Registro de horario </h3>  




 <ace:panel styleClass="panel-principal" >
            <h:form id="registro_horario">

                    <icecore:singleSubmit />
                    <h:form id="form_registro_horario">
                   
                    <f:facet name="label">Crear Horario</f:facet>
                    

                        <h:graphicImage value="img/new_icons/calendar_add.png" class="ico-head" />
                         <span Class="titulo_panel">Registro de horario del usuario</span>
                        
                            
                            
                            <p>Agregar al horario los dias en que el usuario utiliza los parqueos universitarios</p>
                            <h:panelGrid columns="3" columnClasses="columnas,columnas" width="100%" styleClass="panel_border" >

                                <ice:selectOneMenu id="Hora_Salida">                                        
                                    <label for="Hora Entrada" >Hora entrada : </label>
                                    <f:selectItem id="item0E" itemLabel=" Seleccionar " itemValue="" />
                                    <f:selectItem id="item7E" itemLabel="7:00am" itemValue="7:00am" />
                                    <f:selectItem id="item8E" itemLabel="8:00am" itemValue="8:00am" />
                                    <f:selectItem id="item9E" itemLabel="9:00am" itemValue="9:00am" />
                                    <f:selectItem id="item10E" itemLabel="10:00am" itemValue="10:00am" />
                                    <f:selectItem id="item11E" itemLabel="11:00am" itemValue="11:00am" />
                                    <f:selectItem id="item12E" itemLabel="12:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item13E" itemLabel="1:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item14E" itemLabel="2:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item15E" itemLabel="3:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item16E" itemLabel="4:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item17E" itemLabel="5:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item18E" itemLabel="6:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item19E" itemLabel="7:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item20E" itemLabel="8:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item21E" itemLabel="9:00pm" itemValue="12:00pm" />
                                </ice:selectOneMenu>
                                <ice:selectOneMenu  id="Hora_Entrada"> 
                                    <label for="Hora Salida" >Hora salida : </label>
                                    <f:selectItem id="item0S" itemLabel=" Seleccionar " itemValue="" />
                                    <f:selectItem id="item7S" itemLabel="7:00am" itemValue="7:00am" />
                                    <f:selectItem id="item8S" itemLabel="8:00am" itemValue="8:00am" />
                                    <f:selectItem id="item9S" itemLabel="9:00am" itemValue="9:00am" />
                                    <f:selectItem id="item10S" itemLabel="10:00am" itemValue="10:00am" />
                                    <f:selectItem id="item11S" itemLabel="11:00am" itemValue="11:00am" />
                                    <f:selectItem id="item12S" itemLabel="12:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item13S" itemLabel="1:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item14S" itemLabel="2:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item15S" itemLabel="3:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item16S" itemLabel="4:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item17S" itemLabel="5:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item18S" itemLabel="6:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item19S" itemLabel="7:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item20S" itemLabel="8:00pm" itemValue="12:00pm" />
                                    <f:selectItem id="item21S" itemLabel="9:00pm" itemValue="12:00pm" />
                                </ice:selectOneMenu>



                                <ice:selectOneMenu id="Dia_Curso">

                                    <label for="Parqueo" >Día de curso : </label>
                                    <f:selectItem id="item" itemLabel=" Seleccionar " itemValue="" />
                                    <f:selectItem id="itemL" itemLabel="Lunes" itemValue="Lunes" />
                                    <f:selectItem id="itemK" itemLabel="Martes" itemValue="Martes" />
                                    <f:selectItem id="itemI" itemLabel="Miércoles" itemValue="Miércoles" />
                                    <f:selectItem id="itemJ" itemLabel="Jueves" itemValue="Jueves" />
                                    <f:selectItem id="itemV" itemLabel="Viernes" itemValue="Viernes" />
                                    <f:selectItem id="itemS" itemLabel="Sábado" itemValue="Sábado" />

                                </ice:selectOneMenu>

                                <ice:selectOneMenu id="Parqueo_Preferido">

                                    <label for="Parqueo" >Parqueo preferido: </label>
                                    <f:selectItem id="item10" itemLabel="Seleccionar" itemValue="" />
                                    <f:selectItem id="item12" itemLabel="Biología" itemValue="Biología" />
                                    <f:selectItem id="item13" itemLabel="Ciencias Sociales" itemValue="Ciencias Sociales" />
                                    <f:selectItem id="item14" itemLabel="Filosofía y Letras" itemValue="Filosofía y Letras" />
                                    <f:selectItem id="item15" itemLabel="Uriche" itemValue="Uriche" />
                                </ice:selectOneMenu>




                               
                                    <input type="submit" id="enviar" onclick="confirmation.show()" Class="botonEnviarConsulta" value="Agregar" href="#"/>
                             
                                
                                <ace:confirmationDialog id="confirmDialog" 
                                    widgetVar="confirmation"
                                    message="Seguro(a) que desea agregar este día al horario?"
                                    header="Confirmación"
                                    width="450"
                                    height="200"
                                    modal="false"
                                    closeOnEscape="true"
                                    closable="true"
                                    position="top"
                                    styleClass="confirmacion_dialog dialog-margin">
                                    <h:panelGrid columns="2" styleClass="centeredPanelGrid">
                                        <h:commandButton id="yes" value="Sí" onclick="confirmation.hide()" actionListener=" "/>
                                        <h:commandButton id="no" value="No" onclick="confirmation.hide()" action=" " />
                                    </h:panelGrid>
                                </ace:confirmationDialog>
                            </h:panelGrid>

                            <!-- INICIO TOOLTIPS ================================================= -->
                            <ace:tooltip id="tooltipParqueo"
                                         for="Parqueo_Preferido"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topRight"
                                         showEffectLength="300"
                                         hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="parqueo_mns" value="Seleccione el parqueo de preferencia"/>
                                </h:panelGrid>   
                            </ace:tooltip>

                            <ace:tooltip id="tooltipDia_Curso"
                                         for="Dia_Curso"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topRight"
                                         showEffectLength="300"
                                         hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="Dia_curso_mns" value="Seleccione el día que hará uso de los parqueos"/>
                                </h:panelGrid>   
                            </ace:tooltip>
                            
                            <ace:tooltip id="tooltipHora_Entrada"
                                         for="Hora_Entrada"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topRight"
                                         showEffectLength="300"
                                         hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="Hora_Entrada_mns" value="Seleccione la hora de entrada al parqueo"/>
                                </h:panelGrid>   
                            </ace:tooltip>
                            
                            <ace:tooltip id="tooltipHora_Salida"
                                         for="Hora_Salida"
                                         speechBubble="true"
                                         showEffect="slide"
                                         hideEffect="grow"
                                         showDelay="500"
                                         hideDelay="300"
                                         position="bottomLeft"
                                         targetPosition="topRight"
                                         showEffectLength="300"
                                         hideEffectLength="300">
                                <h:panelGrid styleClass="tooltipBoxStyle"> 
                                    <h:outputText id="Hora_Salida_Mns" value="Seleccione la hora de salida del parqueo"/>
                                </h:panelGrid>   
                            </ace:tooltip>
                            <!-- FIN TOOLTIPS ================================================= -->
                           
                        
                     </h:form>

               
                    <f:facet name="label">Detalle horario
                     
                    </f:facet>

                    <h:graphicImage value="img/new_icons/schedule.png" class="ico-head" />
                      <span Class="titulo_panel">Detalle de horario del usuario</span>
                      <input type="submit" id="enviar" onclick="history.go(-1)" Class="botonEnviarConsulta" value="Registrar Horario" href="#"/>
                    <!-- <ace:panel id="Resultados"  header="Resultados"> -->
                        <h:form id="detalle_horario">
                            <ice:dataTable
                                value="#{frecuenciaParqueos.frecuenciaUso}"
                                var="item"
                                width="100%">

                                <!-- Día -->
                                <ice:column>
                                    <f:facet name="header">
                                        <ice:outputText value="Día"/>
                                    </f:facet>
                                    <ice:outputText  style="text-align: center;" value="#{item.dia}"/>
                                </ice:column>

                                <!-- Hora Entrada -->
                                <ice:column>
                                    <f:facet name="header">
                                        <ice:outputText value="Hora entrada"/>
                                    </f:facet>
                                    <ice:outputText style="text-align: center;" value="#{item.hora_Entrada}"/>
                                </ice:column>

                                <!-- Hora Salida  -->
                                <ice:column>
                                    <f:facet name="header">
                                        <ice:outputText value="Hora salida"/>
                                    </f:facet>
                                    <ice:outputText style="text-align: center;" value="#{item.hora_Salida}"/>
                                </ice:column>

                                <!-- Parqueo -->
                                <ice:column>
                                    <f:facet name="header">
                                        <ice:outputText value="Parqueo"/>
                                    </f:facet>
                                    <ice:outputText style="text-align: center;" value="#{item.parqueo}"/>
                                </ice:column>
                                <ice:column>
                                    <f:facet name="header">Editar</f:facet>

                                    <h:commandButton image="img/new_icons/edit.png"
                                                     title="Delete"
                                                     style="height: 11px; width: 11px;">
                                        <f:setPropertyActionListener target="true" value="12"/>
                                    </h:commandButton>
                                </ice:column>
                                <ice:column>
                                    <f:facet name="header">Eliminar</f:facet>
                                    <h:commandButton image="img/new_icons/delete.png"
                                                     title="Delete"
                                                     style="height: 11px; width: 11px;">
                                        <f:setPropertyActionListener target="true" value="12"/>
                                    </h:commandButton>
                                </ice:column>
                            </ice:dataTable>
                                
                         </h:form>   
                   <!-- </ace:panel>-->
                    
           </h:form>
      </ace:panel>

        <div class="centered">
         
            <footer class="footer">
                <span>Desarrollado por: Grupo de trabajo SIVE- </span><script type="text/javascript">
                    document.write ('Hoy es <span id="date-time">', new Date().toLocaleString(), '</span>.')
                    if (document.getElementById) onload = function () {
                        setInterval ("document.getElementById ('date-time').firstChild.data = new Date().toLocaleString()", 50)
                    }
                </script>
            </footer>
     </div>

    </h:body>
</html>
